<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>share-friends</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
</head>
<body>

<script type="text/javascript">
    // var imgUrl = 'http://sdk.truexin.club/share.png';
    var imgUrl = 'http://ww1.sinaimg.cn/large/ac4831f2gy1fz7euw1lrsj203k03kjrk.jpg';
    // var lineLink = 'http://sdk.truexin.club';
    var lineLink = decodeURIComponent(location.href.split('#')[0]);

    var descContent = '人类天生就爱玩游戏，游戏为什么吸引人？如果借助游戏的规律，是否可以让工作学习变得更精彩？';
    var shareTitle = '游戏化学习工作坊第四站-北京清华科技园';

    $.ajax({
        type: 'GET',
        url: "http://sdk.truexin.club/token?url=" + lineLink,
        dataType: "json",
        timeout: 15000,
        success: function (response) {
            var appId = response.appId || 'wx84b39c56cf4cf5e5';
            var timestamp = response.timestamp;
            var nonceStr = response.nonceStr;
            var signature = response.signature;

            wx.config({
                debug: false,
                appId: appId,
                timestamp: timestamp,
                nonceStr: nonceStr,
                signature: signature,
                jsApiList: [
                    'onMenuShareAppMessage'
                ]
            });
            wx.ready(function () {
                wx.onMenuShareAppMessage({
                    title: shareTitle, // 分享标题
                    desc: descContent, // 分享描述
                    // link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    link: 'http://sdk.truexin.club/test.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: imgUrl, // 分享图标
                    // type: '', // 分享类型,music、video或link，不填默认为link
                    // dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });
        },
        error: function (response) {
            console.log("失败", response);
        }
    });
</script>
<div style="width: 100vw;height: 100vh;background: #f00;">
    <p style="font-size: 20px;color: #fff;">
        i love you ,truexinology!
    </p>
    分享到朋友圈和朋友👬
</div>
</body>
</html>
